@charset "utf-8";
@import "common/reset";

  @function p($px){
    @return $px/2+px;
} 
body{
    background: url(../img/banggou-4.png);
}
.mobile{
    width: 100%;
    .content{
        height: p(282);
        display: flex;
        border-bottom: p(1) solid #cdccd0;
        background: #fff;
        .le{
            display: flex;
            flex: 8.7;
            flex-direction: column;
            justify-content: space-around;
            border-right: p(2) solid #cdccd0;
            ul{
                display: flex;
                    justify-content: space-around;
                li{
//                  flex:auto;
                    border: p(2) solid #dddddd;
                    width: p(174);
                    height: p(180);
                    position: relative;
                    a{
                        display: block;
                        width: 100%;
                        height: p(180);
                        
                        img,.jiahao{
                            width: 100%;
                            height: p(180);
                        }
                        .jiahao{
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            background: #e7e7e7;
                            span{
                                font-size: p(100);
                                color: #b1b1b1;
                            }
                        }
                        .sjx{
                            position: absolute;
                            top: p(-0);
                            left: 0;
                            border: p(20) solid skyblue;
                            border-right: p(20) solid transparent;
                            border-bottom: p(20) solid transparent;
                        }
                    }
                }
                
            }
            .p_two{
                font-size: p(17);
                color: #a5a5a5;
                margin-left:p(9) ;
            }
            .p_one{
             font-size: p(25);
             border-bottom: p(2) solid #DDDDDD;   
             margin-left: p(9);
             margin-right: p(12);
            }
        }
        .ri{
            display: flex;
            flex: 1.3;
            justify-content: center;
            align-items: center;
            background: #E7E7E7;
        }
    }//content

        .xinjian{
            width: 100%;
            height: p(80);
            text-align: center;
            line-height: p(80);
            background: #5fa1df;
            font-size: p(28);
            position: relative;
            a{
                display: block;
                width: 100%;
                color: white;
                font-size: p(28);
            }
            img{
                position:absolute;
                top: 50%;
                left: 35%;
                transform: translateY(-50%);
                width: p(30);
                height: p(30);
            }
        }

}
